---
title: Senarai Dompet Tersuai
description: Menyesuaikan senarai dompet
---

# Senarai Dompet Tersuai

## Menyesuaikan senarai dompet

Anda boleh mengimport dompet individu dari `'@rainbow-me/rainbowkit/wallets'` bersama dengan fungsi `connectorsForWallets` untuk membina senarai dompet anda sendiri dengan penyambung yang diperlukan. Dengan cara ini anda mempunyai kawalan penuh ke atas dompet mana yang akan dipaparkan, dan dalam susunan apa.

Sebagai contoh, anda boleh memilih untuk hanya memaparkan Rainbow bersama dompet pemulihan generik.

```tsx
import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import {
  rainbowWallet,
  walletConnectWallet,
} from '@rainbow-me/rainbowkit/wallets';

const connectors = connectorsForWallets(
  [
    {
      groupName: 'Recommended',
      wallets: [rainbowWallet, walletConnectWallet],
    },
  ],
  {
    appName: 'My RainbowKit App',
    projectId: 'YOUR_PROJECT_ID',
  }
);
```

Anda kemudian boleh memberikan penyambung anda kepada `createConfig` Wagmi.

```tsx
import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import { createConfig } from 'wagmi';

const connectors = connectorsForWallets(/* ... */);

const config = createConfig({
  connectors,
  {/* Wagmi config */}
});

const queryClient = new QueryClient();

const App = () => (
  <WagmiProvider config={config}>
    <QueryClientProvider client={queryClient}>
      <RainbowKitProvider {...etc}>
        {/* Your App */}
      </RainbowKitProvider>
    </QueryClientProvider>
  </WagmiProvider>
);
```

### Dompet Terbina Dalam

Dompet berikut disediakan menerusi objek `wallet`.

#### Dompet Generik

Dompet berikut difokuskan pada kaedah sambungan generik dan bukan pada aplikasi khusus. Oleh itu, disyorkan agar dompet ini sentiasa disertakan.

##### WalletConnect

Ini adalah pilihan dompet pemulihan yang direka untuk dompet berasaskan WalletConnect yang tidak disediakan oleh dompet lain dalam senarai.

**Disarankan agar dompet ini sentiasa disertakan dalam senarai untuk memastikan semua dompet berasaskan WalletConnect disokong.**

```tsx
import { walletConnectWallet } from '@rainbow-me/rainbowkit/wallets';
```

##### Dompet Suntikan

Ini adalah pilihan dompet pemulihan yang direka untuk senario di mana `window.ethereum` wujud tetapi tidak disediakan oleh dompet lain dalam senarai. Dompet ini secara automatik akan menyembunyikan dirinya dari senarai apabila pemulihan tidak diperlukan atau jika tiada dompet suntikan yang tersedia.

**Disarankan agar dompet ini sentiasa disertakan dalam senarai untuk memastikan semua dompet suntikan disokong.**

```tsx
import { injectedWallet } from '@rainbow-me/rainbowkit/wallets';
```

##### Dompet Selamat

Untuk dApps yang menyokong Aplikasi Selamat bagi membolehkan pengguna menyambung dengan peti besi atau multi-sig mereka dengan mudah, sertakan pilihan `safeWallet` untuk sambungan automatik. Pilihan Selamat hanya akan muncul dalam persekitaran pelayar Dompet Selamat.

```tsx
import { safeWallet } from '@rainbow-me/rainbowkit/wallets';
```

### Dompet Khusus

Dompet berikut disediakan menerusi objek `wallet` (mengikut urutan abjad).

#### Dompet 1inch

```tsx
import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Backpack

```tsx
import { backpackWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Akaun Asas (dahulu dikenali sebagai Dompet Coinbase)

Penyambungan dompet ini menyokong Akaun Asas, evolusi Dompet Pintar Coinbase. Ia menyediakan pengesahan yang lancar dan ciri-ciri dipertingkatkan seperti sub-akaun dan kebenaran perbelanjaan.

Pilihan konfigurasi selaras dengan [rujukan SDK Akaun Asas](https://docs.base.org/base-account/reference/core/createBaseAccount).

```tsx
import { baseAccount } from '@rainbow-me/rainbowkit/wallets';

// Configure attribution (choose one approach)
baseAccount.preference = {
  attribution: { auto: true }, // Smart Wallet generates origin-based identifier
};

// Or use custom attribution
baseAccount.preference = {
  attribution: { dataSuffix: '0x1234567890abcdef' }, // 16-byte hex identifier
};

// Configure sub-accounts
baseAccount.subAccounts = {
  creation: 'on-connect', // or 'manual'
  defaultAccount: 'sub', // or 'universal'
  funding: 'spend-permissions', // or 'manual'
};

// Configure paymaster URLs for gasless transactions
baseAccount.paymasterUrls = {
  [base.id]: 'https://api.developer.coinbase.com/rpc/v1/base/...',
};
```

#### BeraSig

```tsx
import { berasigWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Terbaik

```tsx
import { bestWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Bifrost

```tsx
import { bifrostWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Binance Web3

```tsx
import { binanceWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Bitget

```tsx
import { bitgetWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Bitski

```tsx
import { bitskiWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Bitverse

```tsx
import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Bloom

```tsx
import { bloomWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Brave

```tsx
import { braveWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Bybit

```tsx
import { bybitWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Coin98

```tsx
import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Kompas

```tsx
import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet';
```

#### Teroka

```tsx
import { coreWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet CTRL

```tsx
import { ctrlWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Dawn

```tsx
import { dawnWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Enkrypt

```tsx
import { enkryptWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### FoxWallet

```tsx
import { foxWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Frame

```tsx
import { frameWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Frontier

```tsx
import { frontierWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Gate

```tsx
import { gateWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Gemini

Penyambung dompet pintar ini membolehkan pengesahan tanpa gangguan melalui kunci laluan di keys.gemini.com - tiada muat turun, sambungan, atau kunci API diperlukan. Ia berfungsi terus keluar dari kotak.

Parameter `appName` diperlukan untuk mengenal pasti dApp anda, dan `appIcon` adalah pilihan untuk penjenamaan pengalaman sambungan anda.

```tsx
import { geminiWallet } from '@rainbow-me/rainbowkit/wallets';

const gemini = geminiWallet({
  appName: 'My App',
  appIcon: 'https://my-app.com/logo.png', // Optional
});
```

#### imToken

```tsx
import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet ioPay

```tsx
import { iopayWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Kaia

```tsx
import { kaiaWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Kaikas

```tsx
import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Kraken

```tsx
import { krakenWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Kresus

```tsx
import { kresusWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Ledger Live

```tsx
import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Magic Eden

```tsx
import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### MetaMask

```tsx
import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### MEW Wallet

```tsx
import { mewWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Nova

```tsx
import { novaWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet OKX

```tsx
import { okxWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Omni

```tsx
import { omniWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### OneKey

```tsx
import { oneKeyWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### ParaSwap

```tsx
import { paraSwapWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Phantom

```tsx
import { phantomWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Porto

```tsx
import { portoWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Rabby

```tsx
import { rabbyWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Rainbow

```tsx
import { rainbowWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Ramper

```tsx
import { ramperWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Sedia

```tsx
import { readyWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Ronin Wallet

```tsx
import { roninWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Safeheron

```tsx
import { safeheronWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Taho

```tsx
import { tahoWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Talisman

```tsx
import { talismanWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Tokenary

```tsx
import { tokenaryWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### TokenPocket

```tsx
import { tokenPocketWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Wallet Amanah

```tsx
import { trustWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Uniswap

```tsx
import { uniswapWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Valora

```tsx
import { valoraWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Wigwam

```tsx
import { wigwamWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### xPortal

```tsx
import { xPortalWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Zerion

```tsx
import { zerionWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### ZilPay

```tsx
import { zilPayWallet } from '@rainbow-me/rainbowkit/wallets';
```

### Contoh

#### Penyusunan

Berikut adalah beberapa contoh paparan dompet yang berbeza, dalam urutan yang berbeza.

Paparkan MetaMask bersama dompet pemulihan generik.

```tsx
import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import {
  metaMaskWallet,
  walletConnectWallet,
} from '@rainbow-me/rainbowkit/wallets';

const connectors = connectorsForWallets(
  [
    {
      groupName: 'Recommended',
      wallets: [metaMaskWallet, walletConnectWallet],
    },
  ],
  { appName: 'RainbowKit App', projectId: 'YOUR_PROJECT_ID' },
);
```

Tunjukkan Rainbow, MetaMask, dan Akaun Asas bersama dengan dompet fallback generik.

```tsx
import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import {
  rainbowWallet,
  metaMaskWallet,
  baseAccount,
  walletConnectWallet,
} from '@rainbow-me/rainbowkit/wallets';

const connectors = connectorsForWallets(
  [
    {
      groupName: 'Suggested',
      wallets: [
        rainbowWallet,
        metaMaskWallet,
        baseAccount,
        walletConnectWallet,
      ],
    },
  ],
  { appName: 'RainbowKit App', projectId: 'YOUR_PROJECT_ID' },
);
```

> Peringatan: Urutan tatasusunan `wallets` menentukan urutan dompet akan dipaparkan pada antara muka pengguna.

#### Banyak kumpulan

Anda boleh menggunakan kunci `groupName` untuk menamakan kumpulan dompet yang berbeza. Ini berguna jika anda mahu berkomunikasi kepada pengguna anda dompet mana yang anda cadangkan, serta kemungkinan dompet lain.

Cadangkan Rainbow dan MetaMask, tetapi juga tawarkan Akaun Asas bersama dompet fallback generik.

```tsx
import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import {
  rainbowWallet,
  metaMaskWallet,
  baseAccount,
  walletConnectWallet,
} from '@rainbow-me/rainbowkit/wallets';

const connectors = connectorsForWallets(
  [
    {
      groupName: 'Recommended',
      wallets: [rainbowWallet, metaMaskWallet],
    },
    {
      groupName: 'Others',
      wallets: [baseAccount, walletConnectWallet],
    },
  ],
  { appName: 'RainbowKit App', projectId: 'YOUR_PROJECT_ID' },
);
```
